@media screen and (max-width: 320px) {
    body{font-size: 14px;}
}
@media screen and (min-width: 321px) and (max-width: 413px) {
    body{font-size: 16px;}
}
@media screen and (min-width: 414px) and (max-width: 639px) {
    body{font-size: 17px;}
}
@media screen and (min-width: 640px) {
    body{font-size: 18px;}
}
html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box ;
    background-color: #161616 ;
    /*// max-height:40rem;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
}
ul {
	 margin: 0;
    padding: 0;
    list-style: none;
}

/**清除浮动**/
.clearfix::before, .clearfix::after {
     content: " ";
     display: table;
}

.clearfix::after {
     clear: both;
}
